<template>
 <view class="emptyState d_f f_d_c a_i_c j_c_c" v-if="!total">
    <image :src="img" mode="aspectFit" class="img" v-if="!loading"></image>
	<view class="text m_t_20" v-if="!loading">{{text}}</view>
	<u-loading mode="flower"  v-if="loading" size="50" class="loading" ></u-loading>
 </view>
</template>

<script>
 export default {
	 props:{
		loading:{
			type:Boolean,
			default:true
		},
		text:{
			type:[String,Number],
			default:'暂无数据'
		},
		img:{
			type:[String],
			default:require('../../static/wudingdan.png')
		},
		total:{
			type:[Number],
			default:0
		},
	 },
   data () {
     return {
       
     }
   },
   components: {

   },
   methods: {

   },
   onShow() {

   },
   onLoad(options) {

   },
   watch: {

   },
   computed: {

   }
 }
</script>

<style scoped lang='scss'>
.emptyState{
	width: 100%;
	min-height: 100%;
	position: relative;
	.img{
		width: 490rpx;
	}
	.text{
		color: #8F8F8F;
		margin-top: 32rpx;
	}
	.loading{
		position: absolute;
		top: 400rpx;
	}
}
</style>